@charset "utf-8";

html { position:relative; min-height:100%; }
body { padding:0; margin-bottom:120px; color:#999; background:#f9f9f9; font:12px/1.428571429 'segoe ui','microsoft yahei','\5fae\8f6f\96c5\9ed1',sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
a { color:#999; text-decoration:none!important; }
a:hover, a:focus, a:active { color:#999; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
input, textarea { color:#333; background:#fff; font:15px/1.428571429 'segoe ui','microsoft yahei','\5fae\8f6f\96c5\9ed1',sans-serif; }
::-webkit-input-placeholder { color:#b2b2b2!important; }
:-ms-input-placeholder { color:#b2b2b2!important; }
.color-red { color:#f00; }
.color-green { color:#1abc9c; }
.form-control, .form-control:focus { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-color:#e5e5e5; }
.has-error p { color:#1abc9c; }
.has-error .form-control, .has-error .form-control:focus { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-color:#1abc9c; }

.btn-green, .btn-green:focus, .btn-green:hover, .btn-green:active { color:#fff; border:0; }
.btn-green { background:#1abc9c; }
.btn-green:focus, .btn-green:hover, .btn-green:active { background:#16a085; }
.btn-default { color:#666; border-color:#e5e5e5; } 
.btn-default:focus, .btn-default:hover, .btn-default:active { background:#fff; border-color:#e5e5e5; }
.btn-block { margin:20px 0; }
.btn-block .social { display:inline-block; margin:0 5px; padding:3px; width:32px; height:32px; color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.bg-blue { background:#3791cf; }
.bg-red { background:#e7202c; }
.bg-green { background:#3dce3d; }

.header:after { content:''; display:block; clear:both; }
.navbar-brand { float:none; display:block; padding:0; width:152px; height:50px; margin:50px auto; }
.navbar-logo { background:url('../img/logo.png') no-repeat 50% 50%; }
.header-title { font-weight:bold; font-size:32px; color:#333; }
.header-title .sub { margin-top:20px; display:block; font-weight:normal; font-size:14px; color:#808080; }

.login { margin:0 auto; max-width:320px; }
.login-form .form-control { margin-bottom:20px; padding:10px 12px; height:auto; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-color:#e5e5e5; }
.login-form .form-control:hover, .login-form .form-control:focus { border-color:#e5e5e5; }
.login-form .form-control:first-child { border-radius:6px 6px 0 0; margin-bottom:-1px; }
.login-form .form-control:last-child { border-radius:0 0 6px 6px; }

.register { padding:40px 60px; background:#fff; border:1px solid #e5e5e5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.register .title { margin:20px auto 50px; font-weight:bold; font-size:32px; color:#333; }
.register-form { font-size:13px; color:#333; white-space:nowrap; }
.register-form img { margin-bottom:15px; }
.register-form .control-label { font-weight:normal; }
.register-form .form-control-static { margin-bottom:10px; word-spacing:6px; }
.register-form input[type=checkbox], .register-form input[type=radio] { margin:10px 0; }
.register-form .verify { margin:0 auto; width:320px; }
.register-form .verify .form-control-static { margin-bottom:0; padding-bottom:0; min-height:0; }
.register-form .verify .btn-default { background:#f9f9f9; min-height:34px; }
.register-form .verify .eula { padding-right:10px; white-space:normal; font-size:13px; color:#999; line-height:1.7; }
.register-form .verify .eula a { color:#333; }

.footer { position:absolute; bottom:0; width:100%; padding-top:10px; height:100px; color:#999; line-height:2; word-spacing:2px; }
.footer-nav .active { color:#333!important; }